<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>   
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="css/ui-lightness/jquery-ui-1.10.4.custom.css" rel="Stylesheet">
<link href="css/ui.jqgrid.css" rel="Stylesheet">


<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="js/i18n/grid.locale-en.js"></script>
<script type="text/javascript" src="js/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="script/BNS1000M0.js"></script>
<script src='js/jquery-ui-1.10.4.custom.js' type='text/javascript'></script>

</head>
<body>
	<table>
		<tr>
			<td width="100">부서명</td>
			<td width="100">보너스 종류</td>
			<td>보너스 지급일자</td>
		</tr>
		<tr>
			<td>
				<select id="deptCode" name="deptCode">
					<c:forEach var="i" items="${ codeZip.deptCode}">
						<option value="${i.code_detail }">${i.code_name }</option>
					</c:forEach>
					
				</select>
			</td>		
			<td>
				<select id="bonusCode" name="bonusCode">
					<c:forEach var="i" items="${ codeZip.bonusCode}">
							<option value="${i.code_detail }">${i.code_name }</option>
					</c:forEach>
				</select>
			</td>		
			<td>
				<input type="text" id="paymentSDate" name="paymentSDate" value="${ paymentSDate}">
				<input type="text" id="paymentEDate" name="paymentEDate" value="${ paymentEDate}">
				<input type="button" value="조회" id="search">
			</td>		
		</tr>
	</table>
	<div style="position: absolute; top:80px; left: 150px">
		<table id="grid"></table>
		<div id="pager"></div>
	</div>
	<input type="button" id="add" name="add" value="대상" style="position: absolute; top:200px; left: 580px">
	<input type="button" id="delete" name="delete" value="제외" style="position: absolute; top:230px; left: 580px">
	
	<div style="position: absolute; top:80px; left: 650px">
		<table id="grid2"></table>
		<div id="pager2"></div>
	</div>
	<input type="button" id="save" name="save" value="저장" style="position: absolute; top:370px; left: 1150px">

</body>
</html>